<link href="__MZUI__/css/amazeui.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.am-form input[type="text"]{font-size: 14px;}
.paycont{max-width:1000px ;margin:10px;}
.am-form-group {margin-bottom: 10px}
.td.td-amount{margin-top: 15px}
.am-form-content {margin-left: 75px;}
.am-form-label {width: 60px;float: left;font-weight: normal;font-size: 14px;}
.theme-popover .am-form-content.address select{width:32.3333%;margin-right:1%;float: left;}
.am-padding {padding: 10px 10px;}
hr {margin: 5px 0px;}
</style>
<div class="theme-popover">
    <!--标题 -->
    <div class="am-cf am-padding">
        <div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">新增地址</strong> / <small>Add address</small></div>
    </div>
    <hr/>

    <div class="am-u-md-12">
        <form class="am-form am-form-horizontal">

            <div class="am-form-group">
                <label for="user-name" class="am-form-label">收货人</label>
                <div class="am-form-content">
                    <input type="text" id="user-name" placeholder="收货人">
                </div>
            </div>

            <div class="am-form-group">
                <label for="user-phone" class="am-form-label">手机号码</label>
                <div class="am-form-content">
                    <input id="user-phone" placeholder="手机号必填" type="email">
                </div>
            </div>

            <div class="am-form-group">
                <label for="user-phone" class="am-form-label">所在地</label>
                <div class="am-form-content address">
                    <select data-am-selected>
                        <option value="a">浙江省</option>
                        <option value="b">湖北省</option>
                    </select>
                    <select data-am-selected>
                        <option value="a">温州市</option>
                        <option value="b">武汉市</option>
                    </select>
                    <select data-am-selected>
                        <option value="a">瑞安区</option>
                        <option value="b">洪山区</option>
                    </select>
                </div>
            </div>

            <div class="am-form-group">
                <label for="user-intro" class="am-form-label">详细地址</label>
                <div class="am-form-content">
                    <textarea class="" rows="3" id="user-intro" placeholder="输入详细地址"></textarea>
                    <small>100字以内写出你的详细地址...</small>
                </div>
            </div>
            <div class="am-form-group theme-poptit">
                <div class="am-u-sm-9 am-u-sm-push-3">
                    <div class="am-btn am-btn-danger">保存</div>
                    <div class="am-btn am-btn-danger close">取消</div>
                </div>
            </div>
        </form>
    </div>
</div>
<script type="text/javascript">
    var index = parent.layer.getFrameIndex(window.name);
    $('#loginsubmit').on('click', function () {
        var user = $('#username').val();
        var pwd = $('#password').val();
        var data = {username: user, password: pwd};
        var p = Aajax("{:U('Public/do_login')}", data);
        if (p.status) {
            layer.msg(p.info,{time:800});
            parent.layer.close(index);
        } else {
            layer.msg(p.info);
        }
    });
</script>